在进行前端应用开发时，有时会用到一些JavaScript库，像jquery、Bootstrap、Vue等都是近些年流行的库。

库指的是把具有相同功能方法的代码封装成一个个js函数，统一放到一个js文件中，经过不断的解耦，变成通过传递参数可以重复利用的代码。

当有不同的功能需求时，只需要引入对应js文件即可。

去官网或国内网站下载jquery.js文件到本地，在html中通过script标签的src属性引入jquery.js文件。

验证引入文件正确：

CDN可以简单理解为存放js文件库的服务器形成的网络，拥有很多js文件的网络地址。

笔者常用的CDN是字节跳动提供的静态资源公共库，链接如下。

使用这种方式的优点是可以提高网站加载js文件的效率。

不论是访问官网还是CDN，都提供了两种js文件供我们使用。一个是js文件，一个是min.js文件。

js文件是JavaScript源码文件，min.js是压缩版的js文件，二者在功能上完全一致。

以jquery为例。

从图中我们可以看到，js文件可读性好，便于调试和修改。

但是相对的，比压缩后的min.js文件所占用空间大，就会造成服务器传输时间较长的问题。

min.js文件所占用空间相对较小，服务器传输比较快。

但图中仅仅第二行就很长了，所以可读性较差。

为什么会有min.js文件的存在？

服务器角度。

由于前端的浏览器解析代码文件是逐行读取解析的。当html文件部署到云端服务器以后，用户去访问网页或网站的流程是：浏览器找到服务器，把html文件下载后缓存，然后逐行解析。

所以编写服务器代码时，如果能尽量减小代码文件的大小，数据传输速度就会很快，能显著提高服务器的响应速度。

代码角度。

经过编码将变量和函数原命名改为毫无意义的命名，可以防止他人窥视和窃取js源代码。

将.js文件压缩为min.js文件主要包括两个方面：

程序员编写服务器代码，由于面向浏览器，当用户量很大时，优化一点小的性能，比如尽可能少的使用TAB，空格，换行或其他符号，当项目上线时，优化效果就会十分显著。

2013年1月23日，jquery 1.9.0发布。这是2.0版之前的最后一个新版本，有很多新功能，其中一个就是支持Source Map。

它是一个独立的map文件，与源码在同一个目录下。

以1.9.0版本为例，打开之后可以看到，Source Map是一个Json格式的信息文件，这个文件的里面储存着位置信息。

因为min.map文件的存在，当min.js文件出现错误的时候，会显示可读性更好的.js文件来进行调试，而不是min.js文件，这样可以快速的找到错误的所在位置。

如果不使用min.map文件，当min.js文件出现错误的时候，找到错误位置的难度是可想而知的。

故在1.9.0版本以后，在min.js文件里会有这么一行代码，来映射min.map文件。

目前支持min.map文件的浏览器有Google Chrome、Firefox Firebug等。

有时当min.js文件不存在对应的min.map文件的时候，打开引入jQuery脚本的页面时，可能在Chrome的控制台中打印”GET http://localhost/libs/jquery.min.map 404 (Not Found)“的错误。

则有以下三种解决办法。

需要上线的项目中是不使用jquery.min.map文件的，这个文件仅仅供给程序员用于快速发现js文件错误所在行和列。

特别鸣谢：@李伟杰

参考资料：

JavaScript中.min.js和.js文件的区别讲解

js.map文件意义

简单介绍以下jquery.min.map文件

注：以上说明均为个人经验，如有错误欢迎指出，笔者虚心改正。如果有更好的方法或者别的问题，也欢迎大家扫文末的微信平台二维码，共同交流，共同进步。